<style type="text/css">
.dashboard-tile{background-color: #fff;color: #555;margin-bottom: 15px;padding: 10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.dashboard-tile.tile-turquoise{background-color: #1abc9c;color: #fff}
.dashboard-tile.tile-red{background-color: #e84c3d;color: #fff}
.dashboard-tile.tile-blue{background-color: #3598db;color: #fff}
.dashboard-tile.tile-purple{background-color: #9a59b5;color: #fff}
.dashboard-tile .header{border-bottom: 2px solid rgba(255, 255, 255, .2)}
.dashboard-tile .header .title{display: inline-block;font-size: 14px;font-weight: 400;padding: 5px;position: absolute;text-transform: uppercase;top: 7px}
.dashboard-tile .content{padding: 10px}
.dashboard-tile.header .content{padding: 10px 20px;background: 0 0;padding-right: 10px;display: inline-block;position: relative;z-index: 5}
.dashboard-tile.detail .icon{position: absolute}
.dashboard-tile.header .icon img{opacity: .8;display: block;float: right;height: 80px;margin-bottom: 10px;padding-left: 15px;padding-top: 10px;position: absolute;right: 10px;top: 50px;width: 80px}
.dashboard-tile.detail,.dashboard-tile.header{position: relative;overflow: hidden}
.dashboard-tile.detail .content{background: 0 0;padding: 10px 10px 13px;display: inline-block;position: relative;z-index: 5}
.dashboard-tile.detail .icon{display: block;float: right;height: 80px;margin-bottom: 10px;padding-left: 15px;padding-top: 10px;width: 80px;right: 40px;bottom: 9px}
.dashboard-tile.detail .icon i{color: rgba(0, 0, 0, .05);font-size: 85px;line-height: 65px}
.dashboard-tile .content p{margin-bottom: 0;padding: 10px;font-weight: 4 00;font-size: 14px;clear: both}
</style>
<div class="panel panel-default" style="float: left;width: 100%;border: 0;">
	
		<div class="col-md-3 col-sm-6" style="float:left ;">
			<div class="dashboard-tile detail tile-red">
				<div class="content">
					<h1 class="text-left timer" data-from="0" data-to="0" data-speed="2500">{$c_page}</h1>
					<p>单页总数</p>
				</div>
				<div class="icon"><i class="fa fa-users"></i> </div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6"  style="float:left ;">
			<div class="dashboard-tile detail tile-turquoise">
				<div class="content">
					<h1 class="text-left timer" data-from="0" data-to="1" data-speed="2500">{$c_article}</h1>
					<p>文章总数</p>
				</div>
				<div class="icon"><i class="fa fa-comments"></i> </div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6"  style="float:left ;">
			<div class="dashboard-tile detail tile-blue">
				<div class="content">
					<h1 class="text-left timer" data-from="0" data-to="1" data-speed="2500">{$c_comment}</h1>
					<p>最新留言</p>
				</div>
				<div class="icon"><i class="fa fa fa-envelope"></i> </div>
			</div>
		</div>
		<div class="col-md-3 col-sm-6"  style="float:left ;">
			<div class="dashboard-tile detail tile-purple">
				<div class="content">
					<h1 class="text-left timer" data-to="1" data-speed="2500">{$c_user}</h1>
					<p>用户总数</p>
				</div>
				<div class="icon"><i class="fa fa-bar-chart-o"></i> </div>
			</div>
		</div>

</div>